<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<head>
	<%@include file="../common/jspcommon.jsp"%>
<%@include file="../common/css.jsp"%>
    
    <title>活动-笔飞美术作品</title>
     <script type="text/javascript" src="/js/jquery.min.js"></script>
     <%@include file="../common/css.jsp"%>
    <script src="/js/metcombined.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/css/style_hd.css" />
    <script type="text/javascript" src="/third/My97DatePicker/WdatePicker.js"></script>
</head>
<body>
<div id="box">
     <%@include file="../common/header.jsp" %> 
    <div id="main_div">
        <div class="site_map"><a href="./welcome.htm">首页</a> 》活动</div>
        
        <div id="banner">
            <div id="landing-feature">
                <div class="pics" id="slideshow"> 
                	<c:forEach items="${lunbotu }" var="lbt">
                    	<div id="SlideshowDivTag_0"><a href="${lbt.link }"><img src="${lbt.picture}" alt="" /></a></div>
                    </c:forEach>
                </div>
            </div>
        </div>
        
        <div class="main_div_left mt20">
            <div class="hd_div">
                <div class="hd_div_t"></div><input type="hidden" id="startDate"/><input type="hidden" id="endDate"/>
                <div class="hd_div_m">
                    <div style="float:left; width:200px; height:182px; padding:0px 20px; border-right:solid 1px #e2e2e2;">
                    	<p style="text-align: center;">开 始 日 期</p>
                    	<div  id="div1"></div>
                    </div>
                    <div style="float:left; width:200px; height:182px; padding:0px 20px; border-right:solid 1px #e2e2e2;" >
                    	<p style="text-align: center;">结 束 日 期</p>
                    	<div  id="div2"></div>
                    </div>
                    <div style="float:left; width:188px; text-align:center;">
                    	<p class="mt10"><a href="#" onclick="showActvityWeek();">本周开始</a></p>
                        <p class="mt10"><a href="#" onclick="showActvityMonth();">本月开始</a></p>
                        <p style="padding-top:90px;"><a href="#" onclick="showActvity();"><img src="../images/btn_qd.jpg" alt=""/></a></p>
                    </div>
                </div>
                <div class="hd_div_b"></div>
            </div>
            <div class="dqzl_list mt20">
            <div class="dqzl_list_t"><h2>近期活动 [${nowCount}]</h2><span class="more"><a href="/activtylb.htm"><img src="../images/more.jpg" alt=""/></a></span></div>
            <div class="dqzl_list_c2">
            <ul>
            	<c:forEach items="${nowR}" var="now" varStatus="v"> 
            		<c:if test="${v.count < 9 }">
               			 <li><a href="#" onclick="showActivityById('${now.identifier}')"><img src="${now.cover}" alt="" width="157px" height="102px"/><p>${now.title}</p></a></li>
               		 </c:if>
                </c:forEach>
            </ul>
            </div>
            </div>
        </div>
        <div class="main_div_right mt20">
            <div class="right_div2">
            <div class="right_div2_t"><h2>${rightUp[0].title }</h2></div>
            <a href="comcon.htm?id=${rightUp[0].identifier}"><img src="${rightUp[0].picture }" class="img1" alt="" width="248px" height="155px"/></a>
            <div class="right_div2_c">
                <p>${rightUp[0].description }</p>
                
            </div>
            </div>
            
            <div class="right_div2 mt20">
            <div class="right_div2_t"><h2>${rightUp[1].title }</h2></div>
            <a href="comcon.htm?id=${rightUp[1].identifier}"><img src="${rightUp[1].picture }" class="img1" alt="" width="248px" height="155px"/></a>
            <div class="right_div2_c">
                <p>${rightUp[1].description }</p>
               
            </div>
            </div>

        </div>
       <%@include file="../common/footer.jsp" %>
    </div>
    
    
</div>
 <script type="text/javascript">
	function showActivityById(id){
		window.location.href="showact.htm?id="+id;
	}
	WdatePicker({eCont:'div1',onpicked:function(dp){
		var  t =dp.cal.getDateStr();
		$("#startDate").val(t);
	}})
	WdatePicker({eCont:'div2',onpicked:function(dp){
		var  t =dp.cal.getDateStr();
		$("#endDate").val(t);
	}})
	function showActvity(){
		var startDate =$("#startDate").val();
		var	endDate	=$("#endDate").val();
		window.location.href="/activtyse.htm?st="+startDate+"&ed="+endDate;
	}
	function showActvityWeek(){
		window.location.href="/activtyWeek.htm";
	}
	function showActvityMonth(){
		window.location.href="/activtyMonth.htm";
	}
	</script>
</body>
</html>
